<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>家居医生用户界面</title>
    <link href="css/index.css" rel="stylesheet">
</head>
<body>
    <div class="opening">
        <img src="images/logo.png">
    </div>

    <div class="title">
        <div class=" title-center container">
                <a href="#">首页</a>
                <a href="#">咨询</a>
                <a href="#">测评</a>
                <a href="#">商城</a>
                <div class="title-left">
                    <img src="images/location.png" class="coord"></img>
                    <span class=" first">深圳</span>
                    <span >&lt;切换&gt;</span>
                </div>
                <div class="title-right">
                    <img src="images/adm.png" class="head"></img>
                    <span class="adm">个人中心</span>
                </div>
        </div>
    </div>

    <div class="bk">
        <div class="back-one">
            <a href="#">用户中心首页</a>
        </div>
        <div class="back-two">
            <ul>
                <li class="list-one"><span></span>我的检测</li>
                <li><a href="#" >上门检测</a></li>
                <li><a href="#">DIY检测</a></li>
            </ul>
            <ul>
                <li class="list-one"><span></span>我的治理</li>
                <li><a href="#">上门治理</a></li>
            </ul>
            <ul>
                <li class="list-one"><span></span>我的装修</li>
                <li><a href="#">修理方案</a></li>
            </ul>
            <ul>
                <li class="list-one"><span></span>我的收藏</li>
                <li><a href="#">装修材料</a></li>
                <li><a href="#">净化产品</a></li>
                <li><a href="#">咨讯</a></li>
                <li><a href="#">测评</a></li>
            </ul>
            <ul>
                <li class="list-one"><span></span>个人资料</li>
                <li><a href="#" >个人资料</a></li>
                <li><a href="#">修改密码</a></li>
                <li><a href="html/绑定页面.html">绑定手机\微信</a></li>
            </ul>
            <ul>
                <li class="list-one"><span></span>积分管理</li>
                <li><a href="#">积分兑换</a></li>
                <li><a href="#">积分等级</a></li>
                <li><a href="#">积分任务</a></li>
            </ul>
        </div>

        <div class="right-yhm">
            
                <img src="images/user.png" alt="用户名" class="yhm">
                <div class="us">
                    <p class="us-one">用户名</p>
                    <p class="us-two">积分值：
                    <span style="padding-left: 15px;">198分</span>
                    </p>
                    <p class="us-two">我的消息：
                        <span style="padding-left: 15px;">0条</span>
                    </p>
                </div>
                <div class="line">
                </div>

                <img src="images/weixin1.png" alt="微信图标" class="wx">
                <div class="us-wx">
                    <p>微信绑定</p>
                    <span>未绑定</span>
                    <a href="#">立即绑定</a>
                </div>
                <img src="images/phone.png" alt="手机图标"  class="sj">
                <div class="us-sj">
                    <p>手机号码绑定</p>
                    <span>未绑定</span>
                    <a href="#">立即绑定</a>
                </div>
        </div>

        <div class="kon">
        </div>
    </div>
    <div class="bottom-last">
        <div class="athedea" >
          <div class="bottom-text">
             <img src="images/footerLogo.png" style="padding-bottom: 15px;">
             <p style="padding-bottom: 5px;"><strong>为室内环境健康把好每一关</strong></p>
             <p style="padding-bottom: 5px;">家居医生致力于中国人的家居健康问题，通过专业的技术研究</p>
             <p style="padding-bottom: 5px;">和测评，倾力协助大众打造绿色、环保的人居生活环境。</p>
          </div>
          <div class="bottom-form">
          <table>
              <tr>
                  <td>关于我们</td>
                  <td>版权说明</td>
                  <td>
                      <img src="images/weixin2.png">官方微信
                  </td>
              </tr>
              <tr>
                  <td>联系我们</td>
                  <td>用户隐私</td>
                  <td>
                      <img src="images/tianmao.png" >天猫旗舰店
                  </td>
              </tr>
              <tr>
                  <td>加入我们</td>
                  <td>免费申明</td>
                  <td>
                      <img src="images/shop.png">有赞商城
                  </td>
              </tr>
          </table>
      </div>
      <hr >
      <div>
          <p class="bottom-left">深圳建筑科学研究院股份有限公司&nbsp;&nbsp;家居医生网</p>
          <p class="bottom-right">粤ICP备08011321号&copy;Copyright All Rights Reserved</p>
      </div>
     </div>
  </div>
    


</body>
</html>